﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Authentication.ascx.cs" Inherits="ElectronicSelling.UserControl.Authentication" %>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <div class="authenticate">
            <div class="blur">
                <div class="loginView">
                    <h2>Đăng nhập tài khoản</h2>
                    <h3>Sử dụng thông tin bạn đã đăng ký tại để đăng nhập</h3>
                    <table cellspacing="2" cellpadding="4" border="0">
                        <tr>
                            <td>Tên đăng nhập</td>
                            <td>
                                <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>Mật khẩu</td>
                            <td>
                                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <asp:LinkButton ID="lnkForgotPass" runat="server">Quên mật khẩu</asp:LinkButton>
                                <asp:Button ID="btnLogin" ValidationGroup="grpLogin" OnClick="btnLogin_Click" runat="server" Text="Đăng nhập" CssClass="login_button" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="error_text">
                                    <asp:RequiredFieldValidator
                                        ControlToValidate="txtUserName"
                                        ValidationGroup="grpLogin"
                                        CssClass="error_text"
                                        ID="RequiredFieldValidator1"
                                        runat="server"
                                        ErrorMessage="* Tên đăng nhập không thể bỏ trống!">
                                    </asp:RequiredFieldValidator>
                                </div>
                                <div class="error_text">
                                    <asp:RequiredFieldValidator
                                        ControlToValidate="txtPassword"
                                        ValidationGroup="grpLogin"
                                        CssClass="error_text"
                                        ID="RequiredFieldValidator2"
                                        runat="server"
                                        ErrorMessage="* Mật khẩu không thể bỏ trống!">
                                    </asp:RequiredFieldValidator>
                                </div>
                                <div class="error_text">
                                    <asp:CustomValidator
                                        OnServerValidate="LoginVal_ServerValidate"
                                        ControlToValidate="txtPassword"
                                        ValidationGroup="grpLogin"
                                        ID="CustomValidator1"
                                        runat="server"
                                        ErrorMessage="* Sai thông tin đăng nhập">
                                    </asp:CustomValidator>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="blur_right">
                <div class="registerView">
                    <h2>Khách hàng mới</h2>
                    <h3>Dành cho những khách hàng mới chưa có tài khoản tại ElectricsOnline</h3>
                    <table cellspacing="2" cellpadding="4" border="0">
                        <tr>
                            <td>Tên đăng nhập</td>
                            <td>
                                <asp:TextBox ID="txtName" runat="server" OnTextChanged="txtName_TextChanged" AutoPostBack="true"></asp:TextBox><br />
                                <asp:Label ID="lblName" AssociatedControlID="txtName" runat="server" Visible="false" Text=""></asp:Label>
                                <asp:RequiredFieldValidator
                                    ControlToValidate="txtName"
                                    ValidationGroup="grpRegister"
                                    CssClass="error_text"
                                    SetFocusOnError="true"
                                    ID="RequiredFieldValidator3"
                                    runat="server"
                                    ErrorMessage="* Chưa có tên đăng nhập!">
                                </asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>Mật khẩu</td>
                            <td>
                                <asp:TextBox ID="txtPass" runat="server" TextMode="Password"></asp:TextBox>
                                <asp:RequiredFieldValidator
                                    ControlToValidate="txtPass"
                                    ValidationGroup="grpRegister"
                                    CssClass="error_text"
                                    SetFocusOnError="true"
                                    ID="RequiredFieldValidator4"
                                    runat="server"
                                    ErrorMessage="* Chưa nhập mật khẩu!">
                                </asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>Nhập lại mật khẩu</td>
                            <td>
                                <asp:TextBox ID="txtConfirm" TextMode="Password" runat="server"></asp:TextBox>
                                <asp:CompareValidator
                                    ControlToValidate="txtConfirm"
                                    ControlToCompare="txtPass"
                                    ID="CompareValidator1"
                                    runat="server"
                                    SetFocusOnError="true"
                                    ErrorMessage="* Mật khẩu nhập lại chưa đúng!">
                                </asp:CompareValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>Họ tên</td>
                            <td>
                                <asp:TextBox ID="txtFullName" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator
                                    ControlToValidate="txtFullName"
                                    ValidationGroup="grpRegister"
                                    CssClass="error_text"
                                    SetFocusOnError="true"
                                    ID="RequiredFieldValidator5"
                                    runat="server"
                                    ErrorMessage="* Chưa nhập họ tên!">
                                </asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>Ngày sinh</td>
                            <td>
                                <asp:TextBox ID="txtDOB" runat="server" Text="" TextMode="Date"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>Điện thoại</td>
                            <td>
                                <asp:TextBox ID="txtPhone" runat="server" TextMode="Phone"></asp:TextBox>
                                <asp:RegularExpressionValidator
                                    ControlToValidate="txtPhone"
                                    ID="RegularExpressionValidator1"
                                    CssClass="error_text"
                                    runat="server"
                                    SetFocusOnError="true"
                                    ErrorMessage="* Số điện thoại không đúng"
                                    ValidationExpression="\d+">
                                </asp:RegularExpressionValidator>
                            </td>
                        </tr>

                        <tr>
                            <td>Email</td>
                            <td>
                                <asp:TextBox ID="txtEmail" runat="server" TextMode="Email"></asp:TextBox>
                                <asp:RegularExpressionValidator
                                    ControlToValidate="txtEmail"
                                    ID="RegularExpressionValidator2"
                                    CssClass="error_text"
                                    SetFocusOnError="true"
                                    runat="server"
                                    ErrorMessage="* Email không đúng"
                                    ValidationExpression="^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$">
                                </asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>Địa chỉ</td>
                            <td>
                                <asp:TextBox ID="txtAddress" runat="server" TextMode="MultiLine"></asp:TextBox>
                            </td>
                        </tr>
                        <tr class="center">
                            <td colspan="2">
                                <input type="reset" value="Nhập lại" class="login_button" />
                                <asp:Button ID="btnRegister" ValidationGroup="grpRegister" OnClick="btnRegister_Click" runat="server" Text="Đăng ký thành viên" CssClass="login_button" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <asp:CustomValidator
                                    OnServerValidate="RegisterVal_ServerValidate"
                                    ControlToValidate="txtFullName"
                                    ValidationGroup="grpRegister"
                                    ID="CustomValidator2"
                                    runat="server"
                                    ErrorMessage="* Đăng ký không thành công. Hãy thử lại!">
                                </asp:CustomValidator>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

    </ContentTemplate>
</asp:UpdatePanel>
